<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<a4j:queue requestDelay="500" ignoreDupResponse="true" disable="false" />
		<rich:panel>
			<f:facet name="header">Generación de gráficas</f:facet>
			<h:panelGrid columns="1" id="mensaje">
				<h:messages id="mensajes" />
			</h:panelGrid>
			<h:panelGrid columns="5">
				<h:outputText value="Fecha Inicio" styleClass="th80"></h:outputText>
				<rich:calendar id="fechaInicio"
					value="#{generacionGraficas.fechaInicio}" styleClass="td80"
					datePattern="dd/MM/yyyy">
					<a4j:support event="onchanged"
						action="#{generacionGraficas.calculaGrafica1}"
						reRender="imagen,mensaje,mensajes,status"></a4j:support>
				</rich:calendar>

				<h:outputText value="Fecha Fin" styleClass="th80"></h:outputText>
				<rich:calendar id="fechaFin" value="#{generacionGraficas.fechaFin}"
					styleClass="td80" datePattern="dd/MM/yyyy">
					<a4j:support event="onchanged"
						action="#{generacionGraficas.calculaGrafica1}"
						reRender="imagen,mensaje,mensajes,status"></a4j:support>
				</rich:calendar>
				<a4j:status id="status">
					<f:facet name="start">
						<h:panelGrid columns="2">
							<h:outputLabel value="Generando gráfica..."></h:outputLabel>
							<h:graphicImage value="/temas/azul/iconos/spinner.gif"></h:graphicImage>
						</h:panelGrid>
					</f:facet>
				</a4j:status>

			</h:panelGrid>
			<rich:spacer height="20px;"></rich:spacer>
			<h:panelGrid columns="1" id="imagen">
				<s:graphicImage value="#{generacionGraficas.grafica}"
					rendered="#{generacionGraficas.grafica!=null}">
				</s:graphicImage>
			</h:panelGrid>
			<h:panelGrid columns="3">
				<rich:listShuttle sourceValue="#{generacionGraficas.listCatas}"
					sourceCaptionLabel="Catas" targetCaptionLabel="Catas seleccionadas"
					targetValue="#{generacionGraficas.listCatasSel}" var="rd"
					listHeight="400" listWidth="400" fastOrderControlsVisible="false"
					fastMoveControlsVisible="false" orderControlsVisible="false"
					copyControlLabel="Añadir" removeControlLabel="Quitar"
					style="text-align:left;" rendered="#{identity.loggedIn}">
					<rich:column>
						<h:outputText value="#{rd.codigo}"></h:outputText>
					</rich:column>
					<s:convertEntity />
					<a4j:support event="onlistchanged"
						action="#{generacionGraficas.calculaGrafica1}"
						reRender="imagen,mensaje,mensajes,status"></a4j:support>
				</rich:listShuttle>
				<rich:spacer width="50px;"></rich:spacer>
				<rich:listShuttle id="listaPC"
					sourceValue="#{generacionGraficas.listPiezCor}"
					sourceCaptionLabel="Piezómetros cortos"
					targetCaptionLabel="Piezómetros cortos seleccionados"
					targetValue="#{generacionGraficas.listPiezCorSel}" var="rd"
					listHeight="400" listWidth="400" fastOrderControlsVisible="false"
					fastMoveControlsVisible="false" orderControlsVisible="false"
					copyControlLabel="Añadir" removeControlLabel="Quitar"
					style="text-align:left;" rendered="#{identity.loggedIn}">
					<rich:column>
						<h:outputText value="#{rd.codigo}"></h:outputText>
					</rich:column>
					<s:convertEntity />
					<a4j:support event="onlistchanged"
						action="#{generacionGraficas.calculaGrafica1}"
						reRender="listaPC,imagen,mensaje,mensajes,status"></a4j:support>
				</rich:listShuttle>

				<rich:listShuttle id="listaPP"
					sourceValue="#{generacionGraficas.listPiezProf}"
					sourceCaptionLabel="Piezómetros profundos"
					targetCaptionLabel="Piezómetros profundos seleccionados"
					targetValue="#{generacionGraficas.listPiezProfSel}" var="rd"
					listHeight="400" listWidth="400" fastOrderControlsVisible="false"
					fastMoveControlsVisible="false" orderControlsVisible="false"
					copyControlLabel="Añadir" removeControlLabel="Quitar"
					style="text-align:left;" rendered="#{identity.loggedIn}">
					<rich:column>
						<h:outputText value="#{rd.codigo}"></h:outputText>
					</rich:column>
					<s:convertEntity />
					<a4j:support event="onlistchanged"
						action="#{generacionGraficas.calculaGrafica1}"
						reRender="listaPP,imagen,mensaje,mensajes,status"></a4j:support>
				</rich:listShuttle>
				<rich:spacer width="50px;"></rich:spacer>
				<h:panelGrid columns="2">
					<h:outputText value="Datos climatológicos"></h:outputText>
					<h:selectOneMenu value="#{generacionGraficas.estacionSel}"
						styleClass="td100" style=" width : 266px;">
						<s:selectItems var="tipo" value="#{dicSearch.listaEstaciones}"
							label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
						<s:convertEntity />
						<a4j:support event="onchange"
							action="#{generacionGraficas.calculaGrafica1}"
							reRender="imagen,mensaje,mensajes,status" />

					</h:selectOneMenu>
				</h:panelGrid>
			</h:panelGrid>
		</rich:panel>
	</ui:define>

	<ui:define name="botonera" id="botonera">
		<h:panelGrid columns="1" styleClass="botones">
			<h:commandButton action="#{generacionGraficas.descargarGrafica}"
				value="" styleClass="boton bajar" title="Descargar gráfica"></h:commandButton>
			<h:outputText value="Descargar gráfica" styleClass="boton_texto"></h:outputText>
		</h:panelGrid>
	</ui:define>

</ui:composition>